<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery-2.0.3.js"></script>
    <script src="highcharts.js"></script>
    <style>
        * {
            margin: 0;
            padding: 0;
            border: 0;
        }
        #container {
            width: 100%;
        }
    </style>
</head>
<body>
<div id="container"></div>
</body>
</html>
<script>
    $(function(){
        $('#container').highcharts({
                title:{
                    text: '我的第一个图表'
                },
                subtitle:{

                    text: '赵文博'
                },
                xAxis:{
                    //x轴显示的分类
                    categories:['一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月']
                },
                yAxis: {
                    title: {
                        text: 'y轴的标题'
                    },
//                    plotLines:[{
//                        value:0,
//                        width:1
//                    }]
                },
                tooltip:{
                    valueSuffix:'℃'
                },
//                legend: {
////                    layout: 'vertical',
////                    align: 'right',
////                    verticalAlign: 'middle',
////                    borderWidth: 0
//                },
                series:[
                    {
                        name: '沈阳',
                        data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
                    },
                    {
                        name:'深圳',
                        data:[12.0,14.9, 16.5, 17.5, 20.2, 26.5, 29.2, 26.5, 31.3, 26.3, 20.9, 18.6],
                    },
                    {
                        name:'纽约',
                        data:[0.2,0.8,5.7,11.3,17.0, 22.0, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5]
                    }
                ]
        })
    })
</script>